@extends('home.pblic.public')
@section('content')  
<div id="wrapper">  
  <!-- douban ad begin -->
  <div id="dale_book_home_top_super_banner" class="ad-placeholder" style="margin: -18px 0 18px;">
  </div> 
  <div id="content">
  <div class="grid-16-8 clearfix">
   <div class="article">
  
  <div class="section popular-books">
    <div class="hd">
      <h2>
        <span>新上图书榜</span>
        <span class="link-more">
          <a href="/#">虚构类»</a>
        </span>
        <span class="link-more">
          <a href="/#">非虚构类»</a>
        </span>
      </h2>
    </div>
    <div class="bd">
      <ul class="list-col list-col2 list-summary s"
        data-dstat-areaid="61" data-dstat-mode="click,expose">
        @foreach($cates as $k=>$v)
            <li class="">
            <div class="cover">
              <a href="{{ url('/home/xiangqing/show',['id'=>$v->id])}}">
                <img src="{{ $v->pic }}"
                  alt="{{ $v->name }}" class="" style="width:68px;height:98px;">
              </a>
            </div>
            <div class="info">
              <h4 class="title">
                <a  href="{{ url('/home/xiangqing/show',['id'=>$v->id])}}" class="">{{ $v->name }}</a>
              </h4>
              <p class="entry-star-small">
                评分：
                <span class="average-rating">
                  评分人数少于10人....
                </span>
              </p>
              <p class="author">
                作者：{{ $v->actro }}
              </p>
              <p class="book-list-classification">
                {{ $v->catename }}
              <p class="extra-info">
              </p> 
                <p class="reviews">
                  死亡是短暂羁留的驿站，而生命，奔腾不息，滚滚向前。
                  (<a onclick="moreurl(this, {from:'pop_fiction'})" href="#">dante评论</a>)
                </p>
            </div>
            </li>
        @endforeach     
      </ul>
    </div>
  </div>
  <div class="section ebook-area">
    <div class="hd">   
  <h2 class=''>
    <span class="">电子图书</span>
      <span class="link-more">
        <a class="" href="#"
           target=_blank>查看全部»</a>
      </span>
  </h2>
    </div>
    <div class="bd">
      <div class="">   
  <div class="sub-section ">
    <div class="sub-hd ">
      <h3>
        热门电子图书
        <span class="more-info">
            <a href="/home/index/dzs" target="_blank">
              更多&#187;
            </a>
        </span>
      </h3>
    </div>
    <div class="sub-bd" >
      <ul class="list-col list-col5">
@foreach($dzs as $k=>$v)

  <li class="">
    <input type="hidden" name="id" value="{{ $v->id }}">
    <div class="cover">
      <a href="{{ url('/home/xiangqing/show',['id'=>$v->id])}}" target="_blank" title="{{ $v->name }}">
        <img src="{{ $v->pic }}" alt="{{ $v->introduce }}"
          width="106px" height="158px"> 
      </a>
    </div>
    <div class="info">
      <div class="title">
        <a href="{{ url('/home/xiangqing/show',['id'=>$v->id])}}" title="{{ $v->name }}" target="_blank">
          {{ $v->name }}
        </a>
      </div>
      <div class="price">
          {{ $v->price }}元
      </div>
      <div class="more-meta">
        <h4 class="title">
          {{ $v->name }}
        </h4>
        <p>
          <span class="author">
            {{ $v->name }}
          </span> / <span class="year">
            {{ $v->date }}
          </span> / <span class="publisher">
            { $v->cbs }}
          </span> / <span class="price">
              { $v->price }}元
          </span>
        </p>
        <p class="abstract">
          这不是关于成功的故事，而是关于成长的故事。
这本书将彻底改变我们看待乔布斯的方式
史蒂夫·乔布斯是史上最著名的CEO之一，关于他的书籍非常多，但这本书与众不同。
本书推翻了关于史蒂夫·乔布斯的传说和陈词滥调，比如他是天才和混蛋的结合体，暴躁易怒、自私自利，怠慢朋友与家人。本书揭示了这位苹果联合创始人和CEO的家庭生活与职业生涯，并回答了一个关键问...
        </p>
      </div>
    </div>
  </li>

@endforeach

      </ul>
    </div>
  </div>
</div>
</div>
</div>

</div>
    <div class="aside">
      <div id="dale_book_home_top_right" class="s ad-placeholder"
        data-dstat-areaid="51" data-dstat-mode="click,expose"
        style="margin-top: 30px;"></div>
      <div id="dale_book_home_top_right2" class="ad-placeholder"></div>
      <h2 class=''>
        <span class="">热门标签</span>
          <span class="link-more">
            <a class="" href="#"
              >所有热门标签»</a>
          </span>
      </h2>
      <ul class="hot-tags-col5 s" data-dstat-areaid="54" data-dstat-mode="click,expose">
          @foreach($bq as $k=>$v)
        <li>
            <ul class="clearfix">         
                <li class="tag_title">
                    {{$v->name}}
                </li>
                  @foreach($v->sub as $kk=>$vv )
                  <li>
                      <a href="/tag/小说" class="tag">{{ $vv->name }}</a>
                  </li>
                 @endforeach              
            </ul>
        </li>
      @endforeach         
      </ul>
      <!-- douban ad begin -->
      <div id="dale_book_homepage_right_bottom" class="ad-placeholder"></div>
      <!-- douban ad end -->   
  <div class="section weekly-top">  
  <div class="bd">
      <ul class="nav-vendor">
          <li class="on book-chart-hd" id="jd-book-chart-hd">
              <img src="/Picture/jd_chart_hover.png" width="18" height="18"/>
              <span>京东</span>
          </li>
          <li class="book-chart-hd" id="amazon-book-chart-hd">
              <img src="/Picture/amazon_chart.png" width="18" height="18"/>
              <span>亚马逊</span>
          </li>
          <li class="book-chart-hd" id="dangdang-book-chart-hd">
              <img src="/Picture/dangdang_chart.png" width="18" height="18"/>
              <span>当当</span>
          </li>
      </ul>
      <ul class="list list-ranking">           
            <li class="item">
                <span class="rank-num">1.</span>
                <div class="book-info">
                    <a href="#" class="name" target="_blank">从你的全世界路过</a>
                    <div class="author">张嘉佳</div>
                </div>
                <a href="#" target="_blank"><span class="buy-button">去购买</span></a>
            </li>
            
            <li class="item">
                <span class="rank-num">2.</span>
                <div class="book-info">
                    <a href="#" class="name" target="_blank">不忘初心，方得始终</a>
                    <div class="author">凌茜</div>
                </div>
                <a href="#" target="_blank"><span class="buy-button">去购买</span></a>
            </li>
            
            <li class="item">
                <span class="rank-num">3.</span>
                <div class="book-info">
                    <a href="#" class="name" target="_blank">从你的全世界路过</a>
                    <div class="author">张嘉佳</div>
                </div>
                <a href="#" target="_blank"><span class="buy-button">去购买</span></a>
            </li>
            
            <li class="item">
                <span class="rank-num">4.</span>
                <div class="book-info">
                    <a href="#" class="name" target="_blank">岛上书店</a>
                    <div class="author">[美] 加布瑞埃拉·泽文</div>
                </div>
                <a href="#" target="_blank"><span class="buy-button">去购买</span></a>
            </li>
            
            <li class="item">
                <span class="rank-num">5.</span>
                <div class="book-info">
                    <a href="#" class="name" target="_blank">天才在左 疯子在右（完整版）</a>
                    <div class="author">高铭</div>
                </div>
                <a href="#" target="_blank"><span class="buy-button">去购买</span></a>
            </li>
            
            <li class="item">
                <span class="rank-num">6.</span>
                <div class="book-info">
                    <a href="#" class="name" target="_blank">阿波林的小世界</a>
                    <div class="author">（法）阿尔麦利·摩德利（绘）/（法）狄迪尔·杜尔海森（文）</div>
                </div>
                <a href="#" target="_blank"><span class="buy-button">去购买</span></a>
            </li>
            
            <li class="item">
                <span class="rank-num">7.</span>
                <div class="book-info">
                    <a href="#" class="name" target="_blank">解忧杂货店</a>
                    <div class="author">(日)东野圭吾</div>
                </div>
                <a href="#" target="_blank"><span class="buy-button">去购买</span></a>
            </li>
            
            <li class="item">
                <span class="rank-num">8.</span>
                <div class="book-info">
                    <a href="#" class="name" target="_blank">乖，摸摸头</a>
                    <div class="author">大冰</div>
                </div>
                <a href="#" target="_blank"><span class="buy-button">去购买</span></a>
            </li>
            
            <li class="item">
                <span class="rank-num">9.</span>
                <div class="book-info">
                    <a href="#" class="name" target="_blank">遇见未知的自己（修订版）</a>
                    <div class="author">张德芬</div>
                </div>
                <a href="#" target="_blank"><span class="buy-button">去购买</span></a>
            </li>
            
            <li class="item">
                <span class="rank-num">10.</span>
                <div class="book-info">
                    <a href="#" class="name" target="_blank">偷影子的人</a>
                    <div class="author">(法)马克·李维</div>
                </div>
                <a href="#" target="_blank"><span class="buy-button">去购买</span></a>
            </li>
      </ul>   
    </div>
  </div>
  <div class="block5">
  <div class="contact mod">
    <h2>关注我们</h2>
    <ul class="embassy-list clearfix">
        <li>
            <a href="#" target="_blank" class="icon-embassy-site"></a>
            <a href="#" target="_blank" class="primary-link">豆瓣小站</a>
        </li>
        <li>
            <a href="#" target="_blank" class="icon-embassy-weibo"></a>
            <a href="#" target="_blank" class="primary-link">微博</a>
        </li>
        <li>
            <a class="icon-embassy-weixin">
                <div class="hover"><img class="home-qrcode" src="Picture/home_qrcode@2x.jpg"></div>
            </a>
            <a class="primary-link" href="javascript:;">微信</a>
        </li>
    </ul>
</div>
  <!-- douban app begin -->
  <div class="s" data-dstat-areaid="60" data-dstat-mode="click,expose">
    

<style>
    .qrcode-app {
        margin: 20px 0;
    }
    .qrcode-app a.download {
        display: block;
        width: 300px;
        height: 80px;
        background: url(Images/qrcode_app4@2x.png) no-repeat;
        background-size: contain;
      /*   background-image: -webkit-image-set(url(/pics/qrcode_app4.png) 1x, url(/pics/qrcode_app4@2x.png) 2x);
      background-image: -moz-image-set(url(/pics/qrcode_app4.png) 1x, url(/pics/qrcode_app4@2x.png) 2x);
      background-image: -ms-image-set(url(/pics/qrcode_app4.png) 1x, url(/pics/qrcode_app4@2x.png) 2x);
      background-image: -o-image-set(url(/pics/qrcode_app4.png) 1x, url(/pics/qrcode_app4@2x.png) 2x); */
    }
</style>
<div class="qrcode-app">
    <a class="download" href="#" target="_blank">
    </a>
</div>

  </div>
  <!-- douban app end -->

  <!-- douban ad begin -->
  <div id="dale_book_home_bottem_right" class="ad-placeholder"></div>
  <!-- douban ad end -->

      </div>
      <div class="extra">
        
      </div>
    </div>
  </div>

@endsection  
